/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}

body {
  box-sizing: border-box;
  margin: 0;
  font-family: 'Helvetica Neue', 'Microsoft YaHei', '微软雅黑', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
}

input {
  outline: none;
  border: none;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.text-elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-center {
  text-align: center;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sites-links {color: #a5b4c2; font-size: 12px; line-height: 120%;text-align: center;margin:10px 10px 0px 10px;}
.sites-links ul::after {
  content: "";
  display: block;
  clear: both;
}
.sites-links li {float: left; width: 50%;  text-align: left; }
.sites-links li div {display: inline-block; width: 200px;line-height: 120%;background-color: #333a46; border-radius: 20px;padding: 5px; margin: 10px; text-align: center;}
.pager {
  margin-top:40px
}
.pager>:not(:first-child) {
  margin:0 4px
}
.pager a,
.pager strong,
.pager-item {
  box-sizing:border-box;
  min-width:32px;
  height:32px;
  border:1px solid rgba(0,0,0,.15);
  cursor:pointer;
  border-radius:2px;
  font-size:14px;
  font-family:Segoe UI-Regular,Segoe UI;
  font-weight:400;
  color:#000;
  align-items:center;
  justify-content:center;
  display:flex;
  flex-direction:column;
  padding:0 5px
}
.pager strong,
.pager-item:hover,
.pager-item_active {
  background-color:#fd4244;
  border-color:#fd4244;
  color:#fff
}
.pager-point {
  color:#ccc;
  padding-top:6px
}
.pager .pages_btn,
.pager .pages_inp {
  width:50px;
  height:30px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:5px;
  text-align:center
}